<%@ page language="java" contentType="text/html; charset=UTF-8" isELIgnored="false" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
    <!-- 页面meta /-->
    <meta charset="UTF-8">
    <title>模板列表</title>
    <!-- 加载js文件-->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/common/bootstrap/css/bootstrap.css">
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/common/bootstrap/js/jquery-1.12.4.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/common/bootstrap/js/bootstrap.min.js"></script>
    <%--JQuery调用cookie方法--%>
    <script src="${pageContext.request.contextPath}/common/bootstrap/js/jquery.cookie.js" type="text/javascript"
            charset="utf-8"></script>
    <!-- 分页插件 -->
    <!--  PAGINATION plugin -->
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/common/path/css/jquery.bs_pagination.min.css">
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/common/path/js/jquery.bs_pagination.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/common/path/js/localization/en.js"></script>
    <%--加载js文件--%>
    <script type="text/javascript" src="${pageContext.request.contextPath}/pageJs/template/templateList.js"></script>
    <style>
        table tbody i {
            width: 30px;
            color: red;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="col-sm-12">
        <div class="col-sm-2" style="float: left; padding-top: 40px;">
            <a href="#" style="margin-right: 5px;">返回随访组</a>
            <i class="glyphicon glyphicon-log-out" style="color: #f39c12;"></i>
        </div>
        <div class="col-sm-10" style="float: left; text-align: center; color: #337AB7;">
            <h2><b>模板列表</b></h2>
        </div>
        <div class="col-sm-12">
            <hr>
        </div>
    </div>
    <div class="col-sm-12">
        <div class="col-sm-12">
            <div style=" width: 100px; height: 30px;line-height: 30px; font-size: 18px; margin-bottom: 5px;">
                <a href="templates.jsp">
                    <button class="btn btn-primary">创建模板</button>
                </a>
            </div>
        </div>
        <table class="table" border="1">
            <thead align="center" class="btn-primary">
            <tr>
                <td>模板名称</td>
                <td>更新日期</td>
                <td>更新者</td>
                <td>版本号</td>
                <td>创建日期</td>
                <td>状态</td>
                <td>操作</td>
            </tr>
            </thead>
            <tbody align="center" id="tbodyHtml">

            </tbody>
        </table>
        <!-- 分页 -->
        <div id="query-page"></div>
    </div>
</div>
</body>
</html>